/**
 * Created by JetBrains PhpStorm.
 * User: Xnfy520@gmail.com
 * Date: 12-3-11
 * Time: 下午11:24
 */

/*********分组相关样式***********/

#menuitem-index .title, #menuitem-component .title{
    border:3px solid #C8E6FF;
    height:50px;
    margin:10px auto 5px;
    width:700px;
}

#menuitem-index a.delete,#menuitem-index a.rewrite,#menuitem-index a.select,#menuitem-index a.add,#menuitem-index a.into, #menuitem-index .title .back{
    display:block;
    text-align: center;
    border:2px solid #40e0d0;
    width:100px;
    height:30px;
    margin:8px;
    line-height: 30px;
    font-weight:bold;
    float: left;
    color:blue;
}

#menuitem-index .title .back{
    margin-left:0px;
}

#menuitem-index .title .back{
    margin-left:0px;
}

#menuitem-index a.into{
    width:150px;
}

#menuitem-index a.delete,#menuitem-index a.select,#menuitem-index a.rewrite{
    float:right;
}

#menuitem-component .title p{
    height:50px;
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    font-weight:bold;
    margin-top: 0;
}



#menuitem-component .content .component{
    background:white;
    border:3px solid #40e0d0;
    width:100px;
    height:100px;
    float:left;
    margin: 10px 0 0 10px;
    padding:5px;
    text-align: center;
}

#menuitem-component .content .name{
   background: #C8E6FF;
    display:block;
    width:100px;
    height:20px;
    line-height: 22px;
    font-weight:bold;
    color:#551A8B;
}

#menuitem-component .content .component .desc{
    text-align: left;
    margin: 3px 0 0 0;
   text-indent:28px;
    font-size: 14px;
}

#menuitem-index a.add:hover,#menuitem-index a.delete:hover,#menuitem-index a.select:hover{
    background:white;

}

#nodata {
    text-align: center;
    font-weight:bold;
    font-size:20px;
    padding:50px;
    width:250px;
    margin:130px auto;
    background:white;
}

#menuitem-index .content, #menuitem-component .content{
    border:3px solid #C8E6FF;
    width:700px;
    height:450px;
    margin:5px auto;
}

#menuitem-component .content{
    height:480px;
}

#menuitem-index .search{
    margin:10px auto 10px;
    width:680px;
    height:30px;
    border:2px solid #40e0d0;
    text-align: center;
    line-height: 30px;
}

#menuitem-index table{
    margin:10px auto;
    text-align:center;
    border-collapse:collapse;
    width:680px;
    min-width:680px;
    max-width: 680px;
    overflow:auto;
    border:2px solid #40e0d0;
}

#menuitem-index table th{
    color:blue;
    background:#C8E6FF;
    height:30px;
    border:2px solid #40e0d0;
}

#menuitem-index table td.left{
    text-align: left;
    width:350px;
}

#menuitem-index table td.lefts{
    text-align: left;
}

#menuitem-index table td{
    border:2px solid #40e0d0;
}

#menuitem-index table td a{
    background:#C8E6FF;
    display:block;
}

#menuitem-index .footer{
    width:700px;
    height:20px;
    line-height: 20px;
    text-align: center;
    margin:0 auto;

    border:3px solid #C8E6FF;
}


/**********************************/

/*********分组添加相关样式***********/
#menuitem-add {
    background:white;
    width:400px;
    height:500px;
    margin:10px auto;
    padding:25px;
}

#menuitem-add .pid{
    width:300px;
    border:1px solid #ccc;
    vertical-align: top;
}

#menuitem-add .text{
    width:300px;
}

#menuitem-add .submit{
    margin:10px 0 0 91px;
    width:100px;
}

#menuitem-add textarea{
    margin:3px 0 0 1px;
   width:300px;
   height:60px;
    border:1px solid #ccc;
    vertical-align:top;
}
/**********************************/
